<!DOCTYPE html>
<!-- saved from url=(0041)https://www.zhutibang.cn/project_194.html -->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>{$footcompany.web_site_title}</title>
    <meta name="keywords" content="{$footcompany.web_site_keyword}">
    <meta name="description" content="{$footcompany.web_site_description}">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">

    <!--Favicon -->
    <link rel="icon" type="image/png" href="{$footcompany.web_site_ico}">
    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" href="">

    <!-- CSS Files -->
    <link rel="stylesheet" href="__INDEX2__/css/plugins.css">
    <link rel="stylesheet" href="/static/index/css/plugins-2.2.css">
    <!-- Main Styles -->
    <link rel="stylesheet" href="__INDEX2__/css/theme.css">
    <link rel="stylesheet" href="/static/index/css/theme-2.2.css">
    <!-- Color Skins -->
    <link rel="stylesheet" href="__INDEX2__/css/default.css">
    <!-- Index Styles -->
    <link rel="stylesheet" href="__INDEX2__/css/index.css">
    <link rel="stylesheet" href="__INDEX2__/css/style.css">

    <!-- End Page Styles -->
    <!-- Page Styles -->
    <link rel="stylesheet" href="__INDEX2__/css/everest.css">
    <link rel="stylesheet" href="__INDEX2__/css/twentytwenty.css">
    <style>
        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .page-title {
            line-height: 56px;
        }

        .page-title-white {
            line-height: 56px;
        }

        .box-inner7 {
            height: 593px;
            padding: 0;
            border-radius: 10px;
        }

        .box-inner7 img {
            width: 100%;
        }

        .qdr-col-6 > * {
            padding: 9px;
        }

        .twentytwenty-overlay:hover {
            display: none;
        }

        .twentytwenty-container img {
            width: 100%;
        }

        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
            background-color: #fff;
            box-shadow: none;
            width: 4px;
        }

        .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
            background-color: #fff;
            box-shadow: none;
            height: 2px;
        }

        .twentytwenty-handle {
            background-color: #d82950;
            cursor: move;
            border-color: #d82950;
            box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);
            opacity: 0.5;
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .twentytwenty-handle:active {
            background-color: #4542d5;
            border-color: #4542d5;
        }

        .twentytwenty-container:hover .twentytwenty-handle {
            opacity: 1;
        }

        .twentytwenty-left-arrow {
            border-right-color: #fff;
        }

        .twentytwenty-right-arrow {
            border-left-color: #fff;
        }

        .twentytwenty-up-arrow {
            border-bottom-color: #fff;
        }

        .twentytwenty-down-arrow {
            border-top-color: #fff;
        }

        .twentytwenty-before-label:before, .twentytwenty-after-label:before {
            font-weight: 600;
            text-transform: uppercase;
            font-family: 'Open Sans', sans-serif;
        }
    </style>
    <script src="__INDEX2__/other/getjs_bdtj"></script>
    <script charset="utf-8" src="__INDEX2__/other/insert_bdtj"></script>
    <script src="__INDEX2__/js/push.js"></script>
    <script src="__INDEX2__/js/hm.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?44fef1192859f3af7b9e0f9c8d176512";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <link rel="alternate" media="only screen and(max-width: 640px)" href="">
    <link rel="canonical" href="">
    <meta name="applicable-device" content="pc">
    <meta name="mobile-agent" content="format=html5;url= ">
    <script type="text/javascript" src="__INDEX2__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__INDEX2__/js/scripts.js"></script>
    <style>
        .article {
            background: #F8F8F8;
        }

        .services .box {
            padding: 0px !important;
            margin: 15px 15px 25px;
        }

        .slick-slide img {
            display: block;
            width: 100%;
        }

        .page-mtitle {
            padding: 0px;
        }

        .page-desc {
            padding: 20px 0 0 30px;
        }

        .article-list-title {
            padding: 0px 0 25px 30px;
        }

        .py {
            padding-top: 20px !important;
            font-size: 18px;
            line-height: 2;
        }

        /*内容容器*/
        .content-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .disable-select {
            -webkit-touch-callout: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
</head>


<!-- jQuery -->

<!-- MAIN SCRIPTS - Classic scripts for all theme -->

<!-- END JS FILES -->


<!-- BODY START -->
<body class="has-retina-logo device-xl">
<!-- NAVIGATION -->
<style>
    .top-row-container {
        background-color: #f6f8fb;
        color: #515d71;
    }

    .common-box {
        width: 1400px;
        margin: 0 auto;
    }

    /*蓝色按钮样式覆盖 start*/
    #navigation.modern.white-nav .nav .nav-blue-btn {
        background: #236ffb;
        height: 33px;
        margin-top: 18px;
        line-height: 33px;
        color: white;
        box-shadow: 0 6px 10px 0 rgba(35, 111, 251, .2);
        border-radius: 2px;
        text-align: center;
        width: 108px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-decoration: none;
    }

    #navigation.modern.white-nav .nav a.nav-blue-btn:hover {
        opacity: 1;
    }

    /*蓝色按钮样式覆盖 end*/
    /*    top row */
    .fl {
        float: left
    }

    .fr {
        float: right;
    }

    .f-w-b {
        font-weight: 700;
    }

    .top-row-container .top-row .city-highlight {
        color: #236ffb;
    }

    .top-row-container .top-row .space-r {
        margin-right: 24px;
    }

    .top-row-container .top-row .phone-box {
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .top-row .common-icon {
        margin-right: 5px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .navigation-icon-1 {
        display: inline-block !important;
    }

    .top-row-container .top-row span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }

    .top-row-container .top-row .btn-list .item {
        height: 22px;
        line-height: 22px;
        margin-left: 27px;
        text-align: left;
        display: inline-block;
    }

    .top-row-container .top-row .btn-list .item .icon {
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
    }

    .top-row-container .top-row .btn-list .item .icon-1 {
        /* width: 16px; */
        height: 22px;
    }

    .top-row-container .top-row .btn-list .item .icon-2 {
        /* width: 22px; */
        height: 22px;
    }

    .top-row-container .top-row .btn-list .item .name {
        color: #515d71;
        font-size: 16px;
        font-weight: 700;
    }
</style>
<!-- NAVIGATION -->
<!-- Columns -->
<!-- Logo -->
<!-- Navigation Menu -->
{include file="../application/index/view/common/header.html" /}
<!-- End Navigation Menu -->
<!-- End Columns -->

<textarea id="math" style="display:none;">3</textarea>
<!-- END NAVIGATION -->
<!-- END NAVIGATION -->


<!-- CONTENT -->
<section id="home" class="sm-py bg-gray1 bb-1 border-gray1 fullwidth"
         style="padding-top: 135px !important; padding-bottom: 15px !important;">
    <!-- Container -->
    <div class="container" style="height: 130px;">
        <div class="row no-mx">
            <div class="t-left t-center-xs col-sm-7 col-12" style="padding-top: 42px;">
                <div class="t-left t-center-xs col-sm-12 col-12">
                    <h2 class="normal-subtitle disable-select" style="font-size: 28px;color:#fff">{$example.title}</h2>
                </div>
            </div>
            <div class="t-rigth t-center-xs col-sm-5 col-12">
                <ol class="breadcrumb transparent no-pm  font-12" style="margin-top: 52px;">
                    <h4 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a
                            href="/" target="_blank">首页</a></h4>
                    <h3 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a
                            href="/example" target="_blank">案例</a></h3>
                    <h2 style="display: inline-block;font-size: 13px;" class="breadcrumb-item gray1 c-default"><a
                            href="#" target="_self">{$example.title}</a></h2>
                </ol>
            </div>
        </div>
    </div>
    <!-- End Container -->
</section>
<!-- END CONTENT -->


<!-- Container for cols -->
<div class="container-xxl clearfix">
    <!-- Row for cols -->
    <div class="row no-mx">

        <!-- Col -->
        <div class="col-lg-12  col-md-12 col-12 sm-pr xxs-px-mobile py">
            <!-- 内容   -->
            <div class="content-container disable-select">
                {$example.content}
            </div>
        </div>

    </div>
    <!-- End Row for cols -->
</div>
<!-- End Container for cols -->
<!-- Boxes With Slider -->

<div style="background:#f8f8f8;">
    <p class="page-mtitle sm-py">相关案例</p>
    <div class="container-lg first boxes qdr-col-4 gap-14 clearfix">
        <div class="index-case">
            <ul class="clearfix">
                {volist name='example_about' id='vo'}
                <li class="fadeInUp animated" data-wow-delay="0.0s"
                    style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                    <div class="pic">
                        <img src="{$vo.photo}"
                             data-original=""
                             alt="{$vo.title}">
                    </div>
                    <a title="{$vo.title}" href="/e/{$vo.id}" target="_self">
                        <h2 class="h2">
                            <span>{$vo.title}</span>
                            <i></i>
                        </h2></a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <div>

        <!-- FOOTER -->
        {include file="../application/index/view/common/foot.html" /}

        <!--客服-->
        <script>

            function startMove_scroll() {
                var oDiv = document.getElementById("qq_content");
                var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
                var len = parseInt((document.documentElement.clientHeight - oDiv.offsetHeight) / 3 + 30 + 'px');
                startMove(scrollTop + len);
            }

            var timer = null;

            function startMove(iTarget) {
                var oDiv = document.getElementById("qq_content");
                clearInterval(timer);
                timer = setInterval(function () {
                    var speed = (iTarget - oDiv.offsetTop) / 8;
                    speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
                    if (oDiv.offsetTop == iTarget) {
                        clearInterval(timer);
                    } else {
                        oDiv.style.top = oDiv.offsetTop + speed + "px";
                    }
                }, 10);
            }

            startMove_scroll();
            window.onscroll = function () {
                startMove_scroll();
            };

            function toggleQQContact(e) {
                $('#contactsBlock').toggleClass('showContractsBlock');
                if ($('#contactsBlock').hasClass('showContractsBlock')) {
                    $('#contactsBlock').fadeIn();
                    $('#toggleText').text('收起');
                } else {
                    $('#contactsBlock').fadeOut();
                    $('#toggleText').text('展开');
                }
            }

            function saveConsult() {
                var url = '/consult';
                $.ajax({url: url, data: {}, type: 'get'});
            }
        </script>

        <!--咨询弹框-->
        <style>
            .contact-popup-container {
                width: 100%;
                height: 100%;
                z-index: 1000;
                position: fixed;
                top: 0;
                left: 0;
                background-color: rgba(0, 0, 0, .3);
                z-index: 2000;
            }

            .contact-popup-container .contact-popup-fix {
                width: 580px;
                height: 260px;
                z-index: 1100;
                position: fixed;
                top: 50%;
                left: 50%;
                margin-top: -130px;
                margin-left: -290px
            }

            .contact-popup-container .contact-popup-fix .contact-popup {
                width: 100%;
                height: 100%;
                position: relative
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup {
                width: 100%;
                height: 100%;
                padding: 52px 47px;
                z-index: 1120;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: relative
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
                line-height: 1;
                margin-bottom: 4px;
                font-family: AlibabaPuHuiTiR;
                font-size: 22px;
                color: #fff;
                opacity: .6
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
                line-height: 1;
                margin-bottom: 19px;
                font-family: AlibabaPuHuiTiR;
                font-size: 28px;
                color: #fff;
                opacity: .6
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
                line-height: 1;
                margin-bottom: 4px;
                font-family: AlibabaPuHuiTiR;
                font-size: 28px;
                color: #fff
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
                line-height: 1;
                margin-bottom: 29px;
                font-family: AlibabaPuHuiTiB;
                font-size: 28px;
                color: #fff;
                font-weight: 700
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
                line-height: 1;
                font-family: AlibabaPuHuiTiR;
                font-size: 22px;
                color: #fff;
                opacity: .6
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
                line-height: 1;
                font-family: AlibabaPuHuiTiM;
                font-size: 24px;
                color: #fff
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
                width: 148px;
                height: 148px;
                padding: 5px;
                background-color: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 78px;
                right: 46px
            }

            .contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
                width: 100%;
                height: 100%
            }

            .contact-popup-container .contact-popup-fix .contact-popup .bg {
                width: 100%;
                height: 100%;
                z-index: 1110;
                position: absolute;
                top: 0;
                left: 0
            }

            .contact-popup-container .contact-popup-fix .contact-popup .close {
                width: 50px;
                height: 50px;
                z-index: 1130;
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0
            }

            .contact-popup-container .contact-popup-fix .contact-popup .close .icon {
                width: 13px;
                height: 13px;
                position: relative;
                top: 14px;
                right: -25px
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup {
                background-color: #fff
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
                color: #191c3d;
                opacity: 1
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
                color: #191c3d;
                opacity: 1
            }

            .contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
                line-height: 1;
                margin-bottom: 5px;
                font-family: AlibabaPuHuiTiR;
                font-size: 28px;
                color: #236ffb
            }
        </style>


        <!-- Back To Top -->

        <script>
            $(function () {

                //点击
                $.get("/api.php?m=Hits&catid=53&id=194", function (data) {
                    $("#hits").html(data.views);
                }, "json");
            });
        </script>

        <script>
            (function () {
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https') {
                    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
                } else {
                    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
        </script>
        <!-- Body End -->
    </div>
</div>
</body>
</html>